/**
 * 手动设置rem单位（1rem == 100px）
 * 配置设计稿基准单位(一般750)、是否使用rem，在@/config/index.js中配置
 * 用法：
 * ※ 设计稿以750为例子：32px == .32rem
 * 注意：
 * ※ 背景图使用雪碧图时，backgrornd-size属性最好写上图片的宽高，不写误差更大。
 * ※ 大小为1px的元素不要使用rem，直接用px
 */
import cfg from "@/config"

if(cfg.isRem) {
	handleRem(window, document)
}

function handleRem (win, doc) {
	if (!win.addEventListener) return;
	const html = document.documentElement;
	function setFont() {
		const html = document.documentElement;
		const k = cfg.remRootValue;
		html.style.fontSize = html.clientWidth / k * 100 + "px";
	}
	setFont();
	setTimeout(function () {
		setFont();
	}, 300);
	doc.addEventListener('DOMContentLoaded', setFont, false);
	win.addEventListener('resize', setFont, false);
	win.addEventListener('load', setFont, false);
}